$(function () {
    const layer = layui.layer;
    const form = layui.form;
    // 获取id
    const id = sessionStorage.getItem('id');
    // 查询用户信息并为表单赋值
    change();
    function change() {
        $.ajax({
            type: 'GET',
            url: 'admin/users/' + id,
            success: function (res) {
                // console.log(res);
                // 快速为表单赋值
                form.val('form', res.data);
            }
        })
    }

    // 编辑用户
    $('.layui-form').submit(function (e) {
        e.preventDefault();
        let str = $(this).serialize();
        str = str + '&id=' + id;
        // 对象形式的数据也可以
        // let data = form.val('form');
        // data.id = id;
        // console.log(data);
        $.ajax({
            url: 'admin/users',
            type: 'PUT',
            data: str,
            success: function (res) {
                console.log(res);
                if (res.status === 0) {
                    layer.msg('编辑用户信息成功', { time: 500 }, function () {
                        // 清除sessionStorage
                        sessionStorage.removeItem('id');
                        location.href = '/admin/user/user.html';
                    });
                }
            }
        })
    })

    // 重置按钮,重新赋值
    $('#reset').click(function () {
        change();
    })
})